<template>
    <view class="ziliao">
        <!-- <view class="line"></view> -->
        <!-- <cmd-cell-item :arrow="true" title="头像" slot-right>
        </cmd-cell-item>-->
        <view class="info">
            <cmd-cell-item @click="touxiang" :arrow="true" title="头像" slot-right>
                <img class="image" icon="user" :src="logo" alt />
            </cmd-cell-item>
            <cmd-cell-item :arrow="true" title="昵称" addon="hoasdqwe"></cmd-cell-item>
            <cmd-cell-item title="手机号" addon="13632323232"></cmd-cell-item>
        </view>
    </view>
</template>

<script>
import logo from "../../static/logo.png";
import cmdCellItem from "@/components/cmd-cell-item/cmd-cell-item.vue";
export default {
    components: { cmdCellItem },
    data() {
        return {
            logo
        };
	},
	methods:{
		touxiang(){
			uni.chooseImage({
				count: 1,
				sizeType: ['original', 'compressed'],
				sourceType: ['album'],
				success: function (res) {
					// 预览图片
					uni.previewImage({
						urls: res.tempFilePaths
					});
				}
			});
		}
	}
};
</script>

<style lang="less">
.ziliao {
    .image {
        width: 60upx;
        height: 60upx;
    }
    .cmd-cell-item-title {
        color: #666;
    }
    .cmd-cell-item-right {
        span {
            color: #333;
        }
    }
    .info {
        width: 93%;
        margin: 0 2% 0 5%;
    }
}
</style>
